/*
|         (0 0)
+=====oOO====(_)=========+
|   Powered By AnXin     |
|   Tel: 0572-5220701    |
|   Creation:2023.12.27  |
+=================oOO====+
|         |__|__|
|          || ||
|         ooO Ooo
*/
@charset "UTF-8";
body, button, dd, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, s, td, textarea, th, ul { margin: 0; padding: 0; list-style: none; font-family: Microsoft YaHei, sans-serif; }
body, html { position: relative; }
h1, h2, h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif; text-transform: capitalize }
button, input, select, textarea { font-size: 100%; outline: 0 }
a { color: #369; text-decoration: none }
.clearfix::after { content: "\0020"; display: block; height: 0; clear: both; font-size: 0; visibility: hidden }
.clearfix { zoom: 1 }
.clear { clear: both; font-size: 1px; width: 1px; height: 0; visibility: hidden; line-height: 0 }
.fl { float: left }
.fl, .fr { display: inline }
.fr { float: right }
em, i { font-style: normal }
.none { display: none }
.block { display: block }
.inline { display: inline-block !important; margin-right: 10px }
img { border: 0; object-fit: cover }
table { border-collapse: collapse; border: 0; border-collapse: collapse; }
::selection { background: #ddd; color: #111 }
::-webkit-scrollbar { width: 10px; height: 10px }
::-webkit-scrollbar-thumb { background-color: rgba(50, 50, 50, .25); border: 2px solid transparent; border-radius: 0px; background-clip: padding-box }
::-webkit-scrollbar-thumb:hover { background-color: rgba(50, 50, 50, 0.5) }
::-webkit-scrollbar-track { background-color: rgba(50, 50, 50, .05) }
* { box-sizing: border-box }
input, textarea { border: 0 }
input::placeholder, textarea::placeholder { opacity: .5 }
input:focus { border: 0; outline: 0; box-shadow: 0 }
.tipMain { position: fixed; bottom: 0; left: 0; z-index: 9999; width: 100%; border-top: 1px solid #ccc; background: #fff; font-size: 13px; line-height: 40px }
.tipMain, .tipMain .close { height: 40px; text-align: center }
.tipMain .close { position: absolute; top: 0; right: 10px; width: 40px; color: red; font-size: 18px; font-family: Arial, Helvetica, sans-serif; cursor: pointer }
span.spanleft { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block }
a, a:hover, ::after, ::before, .images, .images img, .list-li, .list-txt, .list-txt .name, .mobileMenu b, header, header *, #banner, #banner img, .arrow { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

/*通用*/
* { font-size: 14px; font-weight: 400; box-sizing: border-box; }
body { background-color: #fff; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.wrapper { margin: 0 auto; position: relative; }
.text { padding: 0; }
.text, .text * { color: #333; font-size: 14px; line-height: 2; word-wrap: break-word; }
.text p:not(:last-child) { margin-bottom: 20px; }
.text img { display: block; opacity: 1 !important; }
.text::after { content: ""; display: table; clear: both; }
.txt-info { overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical; white-space: normal !important; word-wrap: normal !important; }
.txt-info * { -webkit-box-orient: horizontal; width: auto; display: inline; padding: 0; margin: 0; background: none !important; font-family: sans-serif !important; white-space: normal !important; word-wrap: normal !important; word-break: break-all !important; }
.txt-info img { display: none !important; opacity: 0; }
.arrow { position: relative; z-index: 2; width: 10px; height: 10px; }
.arrow::before, .arrow::after { content: ""; position: absolute; display: block; }
.arrow::before { width: 4px; height: 4px; border-right: 1px solid #999; border-top: 1px solid #999; pointer-events: auto; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); }
.arrow::after { width: 12px; height: 0; border-top: 1px solid #999; top: 50%; left: 50%; margin-top: -1px; margin-left: -9px; display: none; }
.arrow.arrow-white::before { border-right-color: #fff; border-top-color: #fff; }
.arrow.arrow-white::after { border-top-color: #fff; }
.body-overlay { position: fixed; left: 0; top: 0px; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100vh; display: none; background: rgba(0, 0, 0, 0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }

/*更多*/
.more { position: relative; display: flex; overflow: hidden; width: 70px; }
.more a { position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 36px; }
.more a:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: var(--main-color); }
.more span { position: relative; z-index: 2; font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, 0.3); text-transform: capitalize; display: block; text-align: center; white-space: nowrap; }
.more .arrow:after { display: none }
.more .arrow:before { width: 4px; height: 4px; border-width: 1px; border-color: rgba(0, 0, 0, 0.3); }
.more a:hover span { color: var(--main-color); }
.more a:hover:after { width: 100%; }
.more a:hover .arrow { transform: translateX(2px); }
.more a:hover .arrow::before { border-color: var(--main-color); }

/*******************************
-------[=图片切换-------
********************************/
.swiper-container { width: 100%; height: 100%; }
.swiper-container img { display: block; width: 100%; height: 100%; }
.swiper-btn { position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); display: block; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; background: rgba(0, 0, 0, 0.5); }
.swiper-btn:hover { background: var(--main-color); }
.swiper-btn .arrow::before { width: 8px; height: 8px; border-color: #fff; border-width: 2px; }
.swiper-btn.swiper-button-disabled { cursor: not-allowed }
.swiper-btn.next { right: 0; }
.swiper-btn.next .arrow { margin-right: 5px; }
.swiper-btn.prev { left: 0; }
.swiper-btn.prev .arrow { transform: rotate(180deg); margin-left: 5px; }
.swiper-btn .arrow::after { display: none }
.swiper-pagination { bottom: 20px; display: flex; align-items: center; justify-content: center; }
.swiper-pagination-bullet { background: #E5E5E5; opacity: 1 !important; width: 8px; height: 8px; margin: 0 8px; }
.swiper-pagination-bullet-active { background: transparent; width: 14px; height: 14px; border: 2px solid var(--main-color); }
.swiper-tool { position: relative; display: flex; align-items: center; justify-content: center; padding-top: 50px; padding-bottom: 50px; }
.swiper-tool .swiper-btn { position: relative; margin: 0 15px; transform: translateY(0%); }

/*******************************
-------[=返回顶部-------
********************************/
.toTop { position: fixed; z-index: 9; bottom: 0px; right: 0px; width: 50px; height: 50px; text-align: center; line-height: 50px; padding: 0; background-color: #222; cursor: pointer; display: none; opacity: 0.7 !important; }
.toTop:before { content: ""; margin-top: 22px; margin-left: 18px; display: block; width: 10px; height: 10px; border-right: 2px solid #fff; border-top: 2px solid #fff; pointer-events: auto; transform: rotate(-45deg); }
.toTop:hover { background: var(--main-color); opacity: 1 !important }
.toTop:active { background: #000; -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); }

/*******************************
-------[=列表-------
********************************/
.images { overflow: hidden; position: relative; z-index: 1; width: 100%; height: 0; padding: 0px; margin: 0; }
.images img { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 1; left: 0; top: 0; }
.stretching::after { content: ""; display: block; position: absolute; z-index: 10; pointer-events: auto; background-color: rgba(0, 0, 0, 0); width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; }
.list { position: relative; z-index: 1; display: flex; flex-flow: row wrap; }
.list .list-li { position: relative; }
.list-txt { box-sizing: border-box; text-transform: capitalize; }
.list-txt .name { position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block }
.list-txt .txt-info { -webkit-line-clamp: 2; }
.list-txt .txt-info, .list .list-txt .txt-info * { font-size: 14px; line-height: 2; color: #666; }
.list .list-li:hover .list-txt .name { color: var(--main-color); }
.list .list-li:hover .images img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.swiper-wrapper.list { flex-flow: row; }

/*******************************
-------[=页码-------
********************************/
.main-page { position: relative; z-index: 1; width: 100%; padding: 0; text-transform: capitalize; display: flex; justify-content: flex-start; align-items: center; margin-top: 50px; margin-bottom: 0px; }
.main-page a { padding: 8px 15px; font-size: 16px; line-height: 22px; background: #FFFFFF; border: 1px solid #ECECEC; color: #333; margin-right: 16px; }
.main-page a.disabled { border: 0; cursor: not-allowed; }
.main-page a.disabled:hover { background-color: #fff; color: #333; }
.main-page a.active, .main-page a:hover { border-color: var(--main-color); color: var(--main-color); }
.main-page .page { display: flex; }
@media screen and (max-width:860px) {
	.main-page a { padding: 5px 12px; font-size: 14px; line-height: 20px; margin-right: 6px; margin-left: 6px; }
	.main-page .page { justify-content: center; width: 100%; }
}

/*******************************
-------[=页面底部------
********************************/
#footer { background-color: #1D1D1D; position: relative; z-index: 2; }
#footer .footer { display: flex; align-items: flex-start; justify-content: space-between; padding-top: 100px; padding-bottom: 120px; }
.footer .left .p1 { font-size: 26px; font-weight: 500; color: #FFFFFF; line-height: 37px; }
.footer .left .p1 span { display: block; font-size: 11px; line-height: 16px; opacity: 0.3; }
.footer .left .flex-tel { margin-top: 34px; }
.footer .left .flex-tel .num-font, .footer .left .flex-tel .p { color: #fff; }
.footer .items { flex: 1; display: flex; justify-content: flex-end; align-items: flex-start; }
.footer .items .item { display: flex; flex-direction: column; margin-left: 100px; row-gap: 16px; }
.footer .items .item .t { width: 100%; font-size: 16px; color: #fff; opacity: 0.7; line-height: 20px; text-transform: uppercase; margin-bottom: 16px; }
.footer .items .item p { display: flex; align-items: flex-start; color: #fff; line-height: 20px; }
.footer .items .item a { color: #fff; }
.footer .items .item a:hover { color: #fff; text-decoration: underline; }
.footer .items .item.qrcode { width: 120px; }
.footer .items .item.qrcode img { width: 100%; height: 120px; }
#footer #copyright { background-color: #fff; padding-top: 16px; padding-bottom: 16px; }
.copyright { display: flex; align-items: center; justify-content: space-between; position: relative; }
.copyright p, .copyright a { line-height: 2.15; color: #000; display: flex; align-items: center; }
.copyright a:hover { color: var(--main-color); }
.copyright .record, .copyright .record a { display: flex; align-items: center; justify-content: flex-start; }
.copyright .record a { margin-right: 16px; }
.copyright .record img { margin: 0 8px !important; }
@media screen and (max-width:1540px) {
	#footer .footer { padding-top: 80px; padding-bottom: 100px; }
	.footer .items .item { margin-left: 80px; }
}
@media screen and (max-width:1370px) {
	#footer .footer { padding-top: 60px; padding-bottom: 80px; }
	.footer .items .item { margin-left: 60px; }
}
@media screen and (max-width:1280px) {
	#footer .footer { padding-top: 30px; padding-bottom: 50px; }
	.footer .items .item { margin-left: 30px; }
}
@media screen and (max-width:1024px) {
	.footer .left { display: none; }
	.footer .items { justify-content: space-between; }
	.footer .items .item { margin-left: 0px; }
	.copyright { flex-direction: column; }
}
@media screen and (max-width:768px) {
	#footer { border-top: solid 1px #ccc; }
	#footer .footer { display: none; }
}
@media screen and (max-width:640px) {
	.copyright .record { flex-direction: column; }
	.copyright .record a { margin-right: 0; }
}

/*******************************
-------[=页面------
********************************/
header, #header { width: 100%; }
.nav, .nav .nav-ul, .nav .mainlevel, .nav .mainlevel a { height: 100%; }
#header .wrapper { display: flex; justify-content: space-between; align-items: center; }
header { position: fixed; top: 0; z-index: 20; }
#nav { position: absolute; }
.nav .nav-ul { display: flex; align-items: center; }
.nav .mainlevel { position: relative; }
.nav .mainlevel .mainlevel-a { text-decoration: none; padding: 0; margin: 0; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; text-transform: capitalize; }
.nav .mainlevel::after, .nav .mainlevel::before { content: ""; z-index: 1; position: absolute; }
.nav .mainlevel::after { width: 1px; height: 12px; right: 0; top: 50%; transform: translate(0px, -50%); background: #000; opacity: 0; }
.nav .mainlevel:last-child::after { display: none; }
.nav .mainlevel::before { width: 0px; height: 1px; background-color: var(--main-color); left: 50%; bottom: 0; transform: translateX(-50%); }
.nav .mainlevel .mainlevel-a span { position: relative; z-index: 2; white-space: nowrap; text-transform: capitalize; }
.nav .mainlevel.active::before, .nav .mainlevel:hover::before, .nav .mainlevel.active.cuf:hover::before { width: 100%; }
.nav .mainlevel.active.cuf::before { width: 0; }
.nav .mainlevel ul { position: absolute; z-index: 999; left: 50%; width: 100%; min-width: 120px; transform: translate(-50%, 20px); opacity: 0; visibility: hidden; }
.nav .mainlevel ul::before, .nav .mainlevel ul::after { content: ""; display: block; position: fixed; top: 80px; display: none; }
.nav .mainlevel ul::after { background-color: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); z-index: 3; }
.nav .mainlevel .sub-mainlevel { display: block; list-style: none; padding: 0; background-color: #fff; border-radius: 0; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); }
.nav .mainlevel .sub-mainlevel::before { content: ""; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; position: absolute; top: -7px; left: 50%; margin-left: -7px; }
.nav .mainlevel .sub-mainlevel a { white-space: nowrap; display: block; color: #333; padding: 12px 16px; text-align: center; text-transform: capitalize; }
.nav .mainlevel .sub-mainlevel a:hover { color: var(--main-color); background: #f0f0f0; }
.nav .mainlevel:hover ul { opacity: 1; visibility: visible; transform: translate(-50%, 0px); }
header { transform: translateY(0); background-color: #fff; }
header.baion { box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.1); transform: translateY(-110px) }
header.transformY { transform: translateY(-100%); }
.web-title { width: 100%; position: relative; padding-top: var(--title-top); padding-bottom: var(--title-bottom); display: flex; justify-content: flex-start; align-items: flex-end; }
.web-title .main { font-size: 24px; color: #000000; line-height: 33px; }
.web-title .secondary { font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, 0.3); line-height: 20px; margin-left: 10px; }
.web-title .more { position: absolute; right: 0; bottom: var(--title-bottom); }
.web-title.white .main, .web-title.white .secondary { color: #fff; }
.web-title.center { flex-direction: column; align-items: center; }
.web-title.center .secondary { margin-left: 0; }
.place { width: 100%; padding-bottom: var(--title-bottom); }
.place, .place a { display: flex; flex-flow: row wrap; align-items: center; }
.place { line-height: 20px; color: #333; text-transform: capitalize; }
.place a { color: #666; }
.place a:after { content: ""; width: 4px; height: 4px; border-right: 1px solid #666; border-top: 1px solid #666; pointer-events: auto; transform: rotate(45deg); margin-left: 4px; margin-right: 4px; }
.place a:hover { color: var(--main-color); }
#banner { width: 100%; height: 300px; overflow: hidden; position: relative; z-index: 1; background-color: #fff; margin-top: var(--header-height); }
#banner img { width: 100%; height: 100%; display: block; position: absolute; z-index: 1; left: 0; top: 0; animation: bannerImg 2s ease 0s both; }
#banner .banner-txt { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; animation: bannerTxt 1s ease 1s both; }
#banner .banner-txt .main { font-size: 22px; font-weight: 500; color: #FFFFFF; line-height: 1.4; letter-spacing: 1px; text-transform: uppercase; }
#banner .banner-txt .secondary { font-size: 14px; color: rgba(255, 255, 255, 0.5); line-height: 1.4; text-transform: uppercase; }
@keyframes bannerImg {
	0% { opacity: 0; scale: 1.1; }
	100% { opacity: 1; scale: 1 }
}
@keyframes bannerTxt {
	0% { margin-top: 100px; opacity: 0; }
	100% { margin-top: 0px; opacity: 100%; }
}

/*关于我们*/
#about-section1 { background: #FCFCFC; position: relative; padding-top: var(--title-top); margin-top: calc(0px - var(--title-top)); }
#about-section1::before { content: ""; display: block; width: 100%; height: 96px; position: absolute; left: 0; bottom: 0; z-index: 1; background: #fff; }
#about-section1 .wrapper { z-index: 2; }
#about-section1 .wrapper::before { content: ""; display: block; position: absolute; left: 0; top: 0; background-position: center left; background-repeat: no-repeat; background-size: contain; background-image: url(../images/logo1.png); width: 194px; height: 58px; }
.about-section1 { background: url(../images/about-section1-img.png) left bottom no-repeat; background-size: 544px auto; }
.about-section1 .txt { padding-left: 600px; padding-bottom: 100px; }
.about-section1 .txt .t { font-size: 24px; font-weight: 600; color: #333333; line-height: 1.4; margin-bottom: 40px; }
.about-section1 .txt .t span { display: block; font-size: 14px; color: rgba(51, 51, 51, 0.3); line-height: 1.4; }
.about-section1 .more { justify-content: flex-start; }
.about-info { display: flex; box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.06); background-color: #fff; border-radius: 4px; padding-top: 54px; padding-bottom: 60px; margin-top: -60px; }
.about-info .item { flex: 1; display: flex; flex-direction: column; align-items: center; position: relative; }
.about-info .item:not(:last-child)::after { content: ""; display: block; position: absolute; right: 0; width: 1px; height: 100%; background: #ECECEC; }
.about-info .item .num-font { font-size: 36px; line-height: 50px; color: #333; }
.about-info .item .num-font span { font-size: 14px; margin-left: 6px; }
.about-info .item .p { color: #666; }
.list.honor-list { margin: var(--list-gap-m) }
.list.honor-list .list-li { padding: var(--list-gap-p); width: var(--products-column); }
.list.honor-list .images { padding-top: 71%; }
.list.certification-list { margin: 0 -50px -50px 0 }
.list.certification-list .list-li { padding: 0 50px 50px 0; width: var(--certification-column); }
.list.certification-list .images { padding-top: 140%; border: 1px solid #ECECEC; }
.list.certification-list .images img { object-fit: contain; margin: 5%; width: 90%; height: 90%; }

/*产品*/
.products-head { display: flex; align-items: center; justify-content: space-between; padding-top: var(--title-top); padding-bottom: var(--title-bottom); }
.products-head .web-title { padding-top: 0; padding-bottom: 0; flex: 1; }
.products-head .sub-nav { width: auto; }
.products-head .sub-nav .swiper-wrapper { justify-content: flex-end; }
.products-head .sub-nav .swiper-slide { width: auto; margin-top: 0; padding: 0px; margin-left: 20px; text-transform: capitalize; }
.products-head .sub-nav .swiper-slide a { display: block; color: #666; padding: 10px 22px; }
.sub-nav .swiper-slide.active { background-color: var(--main-color); }
.sub-nav .swiper-slide.active a { color: #fff; }
.list.pro-list { margin: var(--list-gap-m) }
.list.pro-list .list-li { padding: var(--list-gap-p); width: var(--products-column); }
.list.pro-list .images { padding-top: 100%; border: 1px solid #ECECEC; }
.list.pro-list .images img { object-fit: contain; margin: 10%; width: 80%; height: 80%; }
.list.pro-list .list-txt { padding-top: 16px; }
.list.pro-list .list-txt .name { font-size: 16px; color: #333333; line-height: 22px; text-align: center; text-transform: capitalize; }
.products { display: flex; align-items: flex-start; }
.products .category { width: 345px; margin-right: 40px; display: flex; flex-direction: column; gap: 2px; position: sticky; top: 0; }
.products .category .click { padding: 20px 30px; background-color: var(--main-color); display: flex; align-items: center; justify-content: space-between; font-weight: 600; color: #fff; }
.products .category .click::after { content: ""; display: block; width: 6px; height: 6px; border-right: 1px solid #fff; border-top: 1px solid #fff; pointer-events: auto; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); }
.products .category .click.active::after { transform: translate(-50%, -50%) rotate(135deg); }
.products .category .clickSub { display: flex; border: 1px solid #ECECEC; flex-direction: column; height: 0; opacity: 0; transition: all 0.3s ease; overflow: hidden; }
.products .category .clickSub.hover { opacity: 1; display: flex; padding: 30px; height: auto; }
.products .category .clickSub a { display: block; font-weight: 500; color: #333; }
.products .category .clickSub a:not(:last-child) { margin-bottom: 24px; }
.products .category .clickSub a:hover, .products .category .clickSub a.hover { color: var(--main-color); }
.products .products-content { flex: 1; }
.products-content .list.pro-list .list-li { width: 33.33%; }

/*产品详细*/
.product-detailed { display: flex; flex-flow: row wrap; justify-content: space-between; width: 100%; }
.product-detailed .product-img { border: 1px solid #ECECEC; width: 50%; margin-right: 60px; }
.product-detailed .product-img img { margin: 10%; width: 80%; height: 80%; object-fit: contain; }
.product-detailed .product-txt { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.product-detailed .product-txt .name { font-size: 28px; font-weight: 500; color: #333333; line-height: 40px; }
.product-detailed .product-txt .info { margin-top: 30px; }
.product-detailed .product-txt .info .p, .product-detailed .product-txt .info .p span { font-size: 16px; color: #333; line-height: 22px; text-transform: capitalize; }
.product-detailed .product-txt .info .p { display: flex; align-items: center; padding: 8px 0; }
.product-detailed .product-txt .info .p span { color: #666; white-space: nowrap; margin-right: 8px; width: 70px; margin-right: 24px; text-align: justify; text-align-last: justify; }
.product-detailed .product-txt .btn { width: 160px; height: 44px; display: flex; align-items: center; justify-content: center; border: solid 2px var(--main-color); }
.product-detailed .product-txt .btn span { color: var(--main-color); font-size: 16px; }

/*news*/
.list[data-news] { margin: var(--news-gap-m); }
.list[data-news] .list-li { padding: var(--news-gap-p); width: var(--news-column); background-color: #fff; }
.list[data-news] .images, .index-section4 .images { padding-top: 48%; }
.list[data-news] .list-txt, .index-section4 .list-txt { padding: 20px; }
.list[data-news] .list-txt .name, .index-section4 .list-txt .name { font-size: 16px; font-weight: 500; color: #333; line-height: 22px; margin-bottom: 15px; }
.list[data-news] .list-txt .txt-info, .index-section4 .list-txt .txt-info { -webkit-line-clamp: 2; height: 56px; }
.list[data-news] .list-txt .txt-info, .list[data-news] .list-txt .txt-info *, .index-section4 .list-txt .txt-info, .index-section4 .list-txt .txt-info * { font-size: 14px; color: #666; line-height: 2; }
.list[data-news] .list-txt .date, .index-section4 .list-txt .date { font-size: 22px; font-weight: 600; color: #666; line-height: 1.4; border-top: solid 1px #D8D8D8; padding-top: 24px; margin-top: 24px; }
.list[data-news] .list-li:hover .list-txt .date, .index-section4 .swiper-slide:hover .list-txt .date { color: var(--main-color); border-color: var(--main-color); }
.article { display: flex; flex-direction: column; position: relative; width: 100%; padding: 0 24px 24px 24px; }
.article .article-info { width: 100%; border-bottom: 1px solid #ececec; background-color: #fff; padding-top: 24px; }
.article .article-info .h1 { font-size: 24px; text-align: center; color: #333; line-height: 1.4; }
.article .article-info .date { margin-top: 15px; margin-bottom: 32px; text-align: center; font-size: 14px; color: #666; line-height: 20px; }
.article-body { width: 100%; padding-top: 32px; }
.article-txt, .article-txt * { font-family: Microsoft YaHei, sans-serif; font-size: 14px; line-height: 30px; color: #444; }
.article-txt p:not(:last-child) { margin-bottom: 20px; }
.article-txt img { width: auto !important; height: auto !important; margin: 16px auto !important; max-width: 100% !important; display: block; }

/*联系*/
.contact { width: 100%; display: flex; flex-direction: column; }
.contact .txt { display: grid; grid-template-columns: repeat(4, 1fr); border: solid 1px #ECECEC; background-color: #ECECEC; gap: 1px; margin-bottom: 60px; animation: fadeUp 1s ease 0s both; }
.contact .txt .item { background-color: #fff; display: flex; flex-direction: column; align-items: center; padding-top: 40px; padding-bottom: 40px; }
.contact .txt .item .p1, .contact .txt .item .p2 { text-align: center; }
.contact .txt .item .p1 { font-size: 20px; font-weight: 500; color: #000000; line-height: 1.4; margin-top: 20px; }
.contact .txt .item .p2 { margin-top: 20px; color: #666666; line-height: 1.4; }
.contact .txt .item .p2 a { color: var(--main-color); }
.contact .map { width: 100%; height: 400px; animation: fadeUp 1s ease 1s both; }
.contact .map img { width: 100%; height: 100%; }
@keyframes fadeUp {
	0% { margin-top: 100px; opacity: 0; }
	100% { margin-top: 0px; opacity: 100%; }
}

/*常见问题*/
.list[data-problem] .list-li { padding: 24px 32px; border: solid 1px #ECECEC; margin-left: -1px; margin-top: -1px; width: var(--news-column); }
.list[data-problem] .list-li:hover { box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.1); }
.list[data-problem] .list-txt .name { font-size: 16px; font-weight: 500; color: #333; line-height: 22px; margin-bottom: 15px; }
.list[data-problem] .list-txt .txt-info { -webkit-line-clamp: 4; height: 112px; }

/*技术支持*/
.list.technical-list { margin: var(--list-gap-m) }
.list.technical-list .list-li { padding: var(--list-gap-p); width: var(--products-column); }
.list.technical-list .images { padding-top: 70%; border-radius: 30px; }
.list.technical-list .images img { object-fit: contain; }
.list.technical-list .list-txt { padding-top: 16px; }
.list.technical-list .list-txt .name { font-size: 16px; color: #333333; line-height: 22px; text-align: center; text-transform: capitalize; }

/*宣传图册*/
.list.down-list { margin: var(--list-gap-m) }
.list.down-list .list-li { padding: var(--list-gap-p); width: var(--products-column); }
.list.down-list .images { padding-top: 56.25%; }
.list.down-list .list-txt { padding-top: 16px; }
.list.down-list .list-txt .name { font-size: 16px; color: #333333; line-height: 22px; text-align: center; text-transform: capitalize; }

/*页面*/
#header { background-color: #fff; height: var(--header-height); }
#header .wrapper { height: 110px; border-bottom: solid 1px #ECECEC; }
#logo { overflow: hidden; width: 550px; height: 56px; }
.logo, .logo a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; }
.logo1, .logo2, .logo3 { height: 100%; }
.logo1 img, .logo2-1, .logo3 img { display: block; width: auto; height: 100%; }
.logo1, .logo2, .logo3 { display: flex; align-items: center; }
.logo1::after, .logo3::before { content: ""; display: block; width: 1px; height: 100%; background: #ECECEC; margin-left: 24px; margin-right: 24px; }
.logo2-2 { width: 74px; height: 31px; margin-left: 24px; }
.logo3 img { width: auto; height: 100%; display: block; max-height: 40px; }
.wrapper { width: 1500px; }
#body { position: relative; z-index: 2; background-color: #fff; padding-bottom: calc(var(--title-top) + 20px); }
#body.main { padding-top: var(--title-top); padding-bottom: calc(var(--title-top) + 20px); }
#nav { left: 50%; margin-left: -750px; height: 50px; bottom: 0; }
.nav .mainlevel { padding-left: 25px; padding-right: 25px; margin-right: 10px; }
.nav .mainlevel .mainlevel-a span, .nav .mainlevel.active.cuf .mainlevel-a span { font-size: 14px; color: #000; text-transform: uppercase; }
.nav .mainlevel.active .mainlevel-a span, .nav .mainlevel .mainlevel-a:hover span, .nav .mainlevel:hover span, .mainlevel-a:hover span, .nav .mainlevel.active:hover .mainlevel-a span, .nav .mainlevel.active.cuf .mainlevel-a:hover span { color: var(--main-color); font-weight: 600; }
#logo-r, #logo-r .icon { display: flex; align-items: center; }
.flex-tel { display: flex; padding-left: 27px; flex-direction: column; position: relative; }
.flex-tel img { width: 18px; height: 18px; position: absolute; left: 0; top: 5px; }
.flex-tel .num-font { font-size: 24px; color: #333; }
.flex-tel .p { font-size: 12px; color: #333; opacity: 0.3 }
#logo-r .icon { height: 56px; }
#logo-r .icon::before { content: ""; display: block; width: 1px; height: 100%; background: #ECECEC; margin-left: 30px; margin-right: 10px; }
#logo-r .icon a { display: block; height: 56px; }
#logo-r .icon img { display: block; width: auto; height: 100%; margin-left: 20px; }
.num-font { font-family: 'DIN Alternate'; font-weight: 600; }

/*页面参数*/
:root { --main-color: #1E50AE; /*高亮颜色 */ --header-height: 160px; --title-top: 124px; --title-bottom: 40px; --list-gap-m: 0 -40px -40px -0; --list-gap-p: 0 40px 40px 0; --certification-column: 20%; --products-column: 25%; --news-gap-m: 0 -60px -60px -0; --news-gap-p: 0 60px 60px 0; --news-column: 33.33%; }
@media screen and (max-width:1540px) {
	:root { --title-top: 80px; --list-gap-m: 0 -32px -32px -0; --list-gap-p: 0 32px 32px 0; --news-gap-m: 0 -40px -40px -0; --news-gap-p: 0 40px 40px 0; }
}
@media screen and (max-width:1370px) {
	:root { --title-top: 60px; --list-gap-m: 0 -24px -24px -0; --list-gap-p: 0 24px 24px 0; --news-gap-m: 0 -24px -24px -0; --news-gap-p: 0 24px 24px 0; --certification-column: 25%; }
}
@media screen and (max-width:1024px) {
	:root { --title-top: 24px; --title-bottom: 16px; --header-height: 60px; --products-column: 33.33%; --news-column: 50%; --list-gap-m: 0 -16px -16px -0; --list-gap-p: 0 16px 16px 0; --news-gap-m: 0 -16px -16px -0; --news-gap-p: 0 16px 16px 0; }
}
@media screen and (max-width:768px) {
	:root { --products-column: 50%; --certification-column: 33.33%; }
}
@media screen and (max-width:640px) {
	:root { --news-column: 100%; --news-gap-m: 0 0px 0px 0; --news-gap-p: 0 0px 24px 0; --certification-column: 50%; }
}

/* 适配 */
@media screen and (max-width:1540px) {
	#nav { left: 0; margin-left: 0; }
	.wrapper { width: 100%; padding-left: 16px; padding-right: 16px; }
	.about-section1 { background-size: 500px auto; }
	.about-section1 .txt { padding-left: 550px; }
	.about-info { padding-top: 48px; padding-bottom: 48px; }
	#about-section1::before { height: 80px; }
	#about-section1 .wrapper::before { left: 16px; }
	.list.certification-list { margin: 0 -32px -32px 0 }
	.list.certification-list .list-li { padding: 0 32px 32px 0; }
	.products .category { width: 300px; margin-right: 32px; }
	.products .category .click { padding: 15px 24px; }
	.products .category .clickSub.hover { padding: 24px; }
	.products .category .clickSub a:not(:last-child) { margin-bottom: 16px; }
}
@media screen and (max-width:1370px) {
	.about-info { padding-top: 32px; padding-bottom: 32px; }
	#about-section1::before { height: 70px; }
	.about-section1 { background-size: 400px auto; }
	.about-section1 .txt { padding-left: 360px; }
	.list.certification-list { margin: 0 -24px -24px 0 }
	.list.certification-list .list-li { padding: 0 24px 24px 0; }
	.products .category { width: 260px; margin-right: 24px; }
	.products .category .click { padding: 12px 16px; }
	.products .category .clickSub.hover { padding: 16px; }
	.products .category .clickSub a:not(:last-child) { margin-bottom: 12px; }
}
@media screen and (max-width:1280px) {
	.products .category { width: 200px; }
	.list[data-problem] .list-li { padding: 12px 16px; }
	.list[data-problem] .list-txt .txt-info { -webkit-line-clamp: 2; height: 56px; }
}
@media screen and (max-width:1024px) {
	.body-overlay { top: 60px; height: calc(100vh - 60px); }
	.mobileMenu { width: 30px; height: 30px; padding: 0; position: absolute; z-index: 1001; left: 20px; top: 15px; display: none; cursor: pointer; flex-direction: column; align-items: center; justify-content: space-between; }
	.mobileMenu i, .mobileMenu i::before, .mobileMenu i::after { width: 28px; height: 2px; background: #999; display: block; position: absolute; }
	.mobileMenu i { top: 14px }
	.mobileMenu i::before, .mobileMenu i::after { content: ""; left: 0; -webkit-transform-origin: center center; transform-origin: center center; transition: all .25s ease; }
	.mobileMenu i::before { top: -10px }
	.mobileMenu i::after { top: 10px }
	.mobileMenu.close i { width: 0; }
	.mobileMenu.close i::before, .mobileMenu.close i::after { background: var(--main-color); }
	.mobileMenu.close i::before { -webkit-transform: rotate(45deg) translate(7px, 7px); transform: rotate(45deg) translate(7px, 7px); }
	.mobileMenu.close i::after { -webkit-transform: rotate(-45deg) translate(7px, -7px); transform: rotate(-45deg) translate(7px, -7px); }
	header { transform: none; border-bottom: solid 1px #eee; }
	.mobileMenu { display: inline-block; }
	.mobileMenu.hide { display: none; }
	header { background-color: #fff; }
	#header .wrapper { justify-content: center; }
	#nav { position: fixed; display: block; width: 300px; max-width: 80%; height: calc(100vh - 60px); left: -100%; top: 60px; padding: 0; margin: 0; background: rgba(255, 255, 255, 1); z-index: 101; overflow: hidden; transform: translateX(0); }
	#nav.side-slide { left: 0; }
	.lang { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
	.lang::before { display: none }
	.nav .nav-ul { flex-direction: column; justify-content: flex-start; }
	.nav .mainlevel { position: relative; z-index: 10; display: flex; justify-content: center; margin-left: 0; margin-right: 0; width: 100%; height: 46px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-left: 24px; }
	.nav .mainlevel::before { bottom: 0; top: auto; left: 0; transform: translateX(0); }
	.nav .mainlevel .mainlevel-a { text-decoration: none; width: 100%; display: flex; justify-content: flex-start; padding-top: 16px; padding-bottom: 16px; align-items: center; position: relative; z-index: 2; text-transform: capitalize; }
	.nav .mainlevel .mainlevel-a span { color: #333; }
	.nav .mainlevel.active .mainlevel-a span, .nav .mainlevel .mainlevel-a:hover span, .nav .mainlevel:hover span, .nav .mainlevel.active.cuf, .mainlevel-a:hover span { color: var(--main-color); }
	.nav .mainlevel:hover ul, .nav .mainlevel.active ul { opacity: 1; visibility: visible; transform: translate(0, 0); }
	.nav .mainlevel { height: auto; flex-direction: column; }
	.nav .mainlevel ul { position: relative; top: 0; left: 0; transform: translateY(0px); opacity: 1; visibility: visible; height: auto; display: none; }
	.nav .mainlevel.active ul { display: block; }
	.nav .mainlevel ul::before, .nav .mainlevel ul::after { display: none; opacity: 0; }
	.nav .mainlevel.active::before, .nav .mainlevel:hover::before, .nav .mainlevel.active.cuf:hover::before { width: 100%; }
	.nav .mainlevel .sub-mainlevel { box-shadow: none; padding: 0; }
	.nav .mainlevel .sub-mainlevel::before { display: none; }
	.nav .mainlevel .sub-mainlevel a { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 0; padding: 12px 0 12px 32px; text-align: left; }
	.nav .mainlevel .sub-mainlevel a:last-child { border-bottom: 0; }
	#nav .nav { flex-direction: column; height: auto; }
	.nav .nav-ul { flex: none }
	.main-page { margin-top: 24px; padding-bottom: 0; }
	#header .wrapper { height: 100%; }
	#logo { width: 420px; height: 36px; }
	.logo2-2 { margin-left: 16px; height: 100%; width: auto; display: block; }
	.logo1::after, .logo3::before { margin-left: 16px; margin-right: 16px; }
	#logo-r { position: fixed; flex-direction: column; width: 300px; max-width: 80%; height: auto; left: -100%; bottom: 24px; padding: 0; margin: 0; background: rgba(255, 255, 255, 1); z-index: 102; }
	#logo-r.side-slide { left: 0; }
	#logo-r .icon { display: none; }
	#logo-r .icon { justify-content: space-between; width: 200px; padding-left: 24px; padding-right: 24px; height: 60px; margin-top: 24px; }
	#logo-r .icon img { margin-left: 0; }
	#about-section1 .wrapper::before { width: 150px; }
	.about-section1 { background-position-x: -80px; }
	.about-section1 .txt { padding-left: 200px; }
	.about-section1 .txt .t { margin-bottom: 24px; }
	.list.certification-list { margin: 0 -16px -16px 0 }
	.list.certification-list .list-li { padding: 0 16px 16px 0; }
	.products-content .list.pro-list .list-li { width: 50%; }
}
@media screen and (max-width:900px) {
	.products-head { flex-direction: column; }
	.products-head .sub-nav { width: 100%; margin-top: 24px; }
	.products-head .sub-nav .swiper-wrapper { justify-content: flex-start; }
	.products-head .sub-nav .swiper-slide { margin-left: 0; margin-right: 14px; }
	.products { flex-direction: column; }
	.products .category { width: 100%; margin-right: 0; margin-bottom: 24px; flex-direction: row; position: relative; }
	.products .category .li { flex: 1; }
	.products .category .click, .products .category .clickSub a { font-size: 16px; }
	.products .category .clickSub.hover { padding: 0; }
	.products .category .clickSub a:not(:last-child) { margin-bottom: 0; }
	.products .category .clickSub a { padding: 12px; }
	.products .category .clickSub a:hover, .products .category .clickSub a.hover { background-color: #ececec; }
	.products-content .list.pro-list .list-li { width: 33.33%; }
	.product-detailed .product-img img { margin: 16px; width: calc(100% - 32px); height: calc(100% - 32px); }
}
@media screen and (max-width:860px) {
	#banner { height: 20vh; }
	.list.pro-list .list-txt .name { font-size: 14px; }
	.list[data-news] .list-txt, .index-section4 .list-txt { padding-top: 16px; }
	.list[data-news] .list-txt .name, .index-section4 .list-txt .name { margin-bottom: 8px; }
	.list[data-news] .list-txt .date, .index-section4 .list-txt .date { font-size: 18px; padding-top: 12px; margin-top: 12px; }
	.list.technical-list .images { border-radius: 10px; }
	.products-head .sub-nav .swiper-slide { margin-right: 0px; }
	.products-head .sub-nav .swiper-slide a { padding: 12px 16px; }
	.contact .txt { grid-template-columns: 1fr; margin-bottom: 24px }
	.contact .txt .item { padding-top: 24px; padding-bottom: 24px; }
	.contact .txt .p1, .contact .txt .p2 { margin-top: 10px; }
}
@media screen and (max-width:768px) {
	#body, #body.main { padding-bottom: var(--title-top); }
	.wrapper { padding-left: 24px; padding-right: 24px; }
	.text p:not(:last-child) { margin-bottom: 0; }
	.article { padding: 0 }
	.article .article-info { padding-top: 0; }
	.article-body { padding-top: 16px; }
	#logo { width: 275px; height: 24px; }
	.logo1::after, .logo3::before { margin-left: 8px; margin-right: 8px; }
	#about-section1::before { display: 50px; }
	.about-section1 .txt .t { font-size: 18px; }
	.about-section1 .txt .t span { font-size: 12px; }
	.about-section1 { background: none; }
	.about-section1 .txt { padding-left: 0px; padding-bottom: 0; }
	#about-section1 .wrapper::before { display: none; }
	.about-info { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 0; margin-top: 16px; padding: 0; }
	.about-info .item:not(:last-child)::after { display: none; }
	.about-info .item { border: solid 1px #ececec; margin-left: -1px; margin-top: -1px; padding: 8px 8px 16px 0; }
	.products .category .click::after { display: none }
	.products .category .click, .products .category .clickSub a { font-size: 14px; }
	.products .category { background-color: #ececec; margin-left: -24px; margin-right: -24px; margin-top: -24px; width: calc(100% + 48px); z-index: 2; border-bottom: solid 1px #ececec; padding-bottom: 40px; }
	.products .category .click { background-color: #fff; color: #333; padding: 12px 0; display: block; text-align: center; }
	.products .category .click.active { background: var(--main-color); color: #fff; }
	.products .category .clickSub { position: absolute; left: 0; width: 100%; z-index: 9999; background-color: #fff; overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; white-space: nowrap; padding-left: 16px; flex-direction: row; }
	.products .category::-webkit-scrollbar, .products .category .clickSub::-webkit-scrollbar { display: none }
	.products .category .clickSub a { padding: 11px 16px; margin-right: 16px; }
	.products .products-content { z-index: 1; }
	.products-content .list.pro-list .list-li { width: 50%; }
	.product-detailed { flex-direction: column; }
	.product-detailed .product-img { width: 100%; margin-right: 0; margin-bottom: 24px; }
	.product-detailed .product-txt .btn { width: 100%; margin-top: 24px; }
}
@media screen and (max-width:640px) {
	#header .wrapper { padding-left: 60px; padding-right: 0; }
}
@media screen and (max-width:480px) {
	#logo { width: calc(100% - 60px); }
}

/*******************************
-------[=首页------
********************************/
#index-section1 { position: relative; z-index: 1; width: 100%; height: auto; margin-top: var(--header-height); }
#index-section1 .swiper-container { z-index: 1; width: 100%; height: 100%; }
#index-section1 img.bg { width: 100%; height: 100%; object-fit: cover; z-index: 8; }
#index-section1 .index-banner-txt .btn { width: 120px; height: 40px; display: inline-block; background: var(--main-color); text-align: center; font-size: 14px; color: #FFFFFF; line-height: 40px; }
#index-section1 .index-banner-txt[data-left] { left: 20%; }
#index-section1 .swiper-btn { background: rgba(0, 0, 0, 0.5); }
#index-section1 .swiper-btn.prev { left: 5.7%; }
#index-section1 .swiper-btn.next { right: 5.7%; }
#index-section1 .swiper-pagination { left: 50%; transform: translateX(-50%); bottom: 20px; display: flex; align-items: center; justify-content: center; width: auto; height: 22px; background: rgba(0, 0, 0, 0.1); border-radius: 11px; padding-left: 16px; padding-right: 16px; }
#index-section1 .swiper-pagination-bullet { background: #fff; opacity: 1 !important; width: 6px; height: 6px; }
#index-section1 .swiper-pagination-bullet-active { background: transparent; width: 10px; height: 10px; border: 2px solid #fff; }
#index-section2 #about-section1 .wrapper::before { background-image: url(../images/index-section2-left.png); width: 56px; height: 56px; top: 32px; }
#index-section2 .about-section1 { background-size: auto 533px; }
#index-section2 .about-section1 .txt .t { margin-bottom: 50px; }
#index-section2 .text { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; height: 220px; }
#index-section2 .text p:not(:last-child) { margin-bottom: 50px; }
#index-section2 .about-section1 .txt { padding-left: 600px; padding-right: 140px; padding-bottom: 130px; }
#index-section2 .more { margin-top: 50px; }
#index-section3 { padding-bottom: var(--title-top); }
#index-section3 .about-section1 .text { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; height: 250px; }
#index-section3 .about-section1 .text p:not(:last-child) { margin-bottom: 0; }
#index-section4 { background: #FCFCFC; padding-bottom: 90px; }
#index-section4 .tool { position: relative; display: none; justify-content: center; column-gap: 16px; padding-top: 24px; }
#index-section4 .tool .swiper-btn { position: relative; transform: translateY(0); }
.index-section4 .swiper-slide:hover .list-txt .name { color: var(--main-color); }
.index-section4 .swiper-slide { background: #fff; }

/* 首页适配 */
@media screen and (max-width:1540px) {
	#index-section2 .about-section1 { background-size: auto 460px; }
	#index-section2 .about-section1 .txt { padding-left: 500px; padding-right: 24px; padding-bottom: 100px; }
	#index-section2 .text { height: 200px; }
	#index-section2 .about-section1 .txt .t, #index-section2 .text p:not(:last-child) { margin-bottom: 32px; }
	#index-section2 .more { margin-top: 32px; }
	#index-section4 { padding-bottom: 70px; }
}
@media screen and (max-width:1370px) {
	#index-section2 .about-section1 { background-size: auto 400px; }
	#index-section2 .about-section1 .txt { padding-left: 400px; padding-right: 16px; padding-bottom: 80px; }
	#index-section2 .text { height: 190px; }
	#index-section2 .about-section1 .txt .t, #index-section2 .text p:not(:last-child) { margin-bottom: 16px; }
	#index-section2 .more { margin-top: 16px; }
	#index-section4 { padding-bottom: 50px; }
}
@media screen and (max-width:1024px) {
	#index-section2 .about-section1 { background-size: auto 330px; background-position-x: -50px; }
	#index-section2 .about-section1 .txt { padding-left: 200px; padding-bottom: 70px; }
	#index-section2 #about-section1 .wrapper::before { width: 40px; height: 40px; top: 0; }
	#index-section2 .more { margin-top: 0; }
	#index-section4 .tool { display: flex; }
	#index-section4 { padding-bottom: 32px; }
}
@media screen and (max-width:860px) { }
@media screen and (max-width:768px) {
	#index-section1 { height: 200px; }
	#index-section2 .text p:not(:last-child) { margin-bottom: 0; }
	#index-section2 .text { height: 170px; }
	#index-section2 .about-section1 { background: none; }
	#index-section2 .about-section1 .txt { padding-left: 0px; padding-right: 0; padding-bottom: 0; }
	#index-section2 #about-section1 .wrapper::before { display: none; }
	#index-section2 .more { margin-left: auto; margin-right: auto; }
}
@media screen and (max-width:480px) { }